<template>
    <div>
        <page-header title="欢迎使用 重庆市应急局科研管理系统">
            <template #content>
                <div>
                    <div style="margin-bottom: 5px;">这是一款<b style="text-emphasis-style: '❤';">开箱即用</b>的科研管理系统，同时它也经历过数十个真实项目的技术沉淀，确保该系统在开发中可落地使用、可维护</div>
                    <div>该科研管理系统是将以数据库为核心的信息技术化与应急局科研项目管理需求相结合的信息化管理工具。</div>
                </div>
            </template>
        </page-header>
        <el-row :gutter="20" style="margin: 0 10px;">
            <page-main title="通知公告" style="margin: 0 0 20px 0;">
                <div class="question">
                    <ol class="answer">
                        <li><span>关于2020年度重庆市应急管理好新闻评选结果的通报。</span>各区县（自治县，含两江新区、重庆高新区、万盛经开区）应急管理局，中央驻渝媒体、市属主流媒体： 市委宣传部、市应急局联合开展的2020年度重庆应急管理好新闻评选工作，经过评委会初评、复评，共有30篇作品获奖。</li>
                        <li><span>重庆市安全生产考试中心关于征求全市安全生产考试相关管理暂行办法（征求意见稿）意见的通知。</span>为加强全市安全生产考试管理工作，我们起草了《重庆市安全生产考试点管理暂行办法（征求意见稿）》和《重庆市特种作业人员实际操作考试考评员管理暂行办法（征求意见稿）》</li>
                        <li><span>重庆市应急管理局2021年下半年直属事业单位公开遴选工作人员笔试加分人员名单公示。</span>根据《重庆市应急管理局2021年下半年直属事业单位公开遴选工作人员简章》</li>
                        <li><span>关于举办2021年全市应急系统新入职行政执法人员培训班（第三期）的通知。</span>为提升全市应急管理系统安全生产行政执法工作水平，确保行政执法人员持证上岗。根据《安全生产培训管理办法》（原国家安监总局令第44号）《重庆市行政执法人员管理办法》（重庆市人民政府令第262号）相关规定和市局2021年工作部署</li>
                    </ol>
                </div>
            </page-main>
        </el-row>
    </div>
</template>

<script>
export default {
    data() {
        return {
            diff: [{
                basic: [
                    '页面布局',
                    '主题风格',
                    '侧边栏导航配置项',
                    '支持外链导航',
                    '支持全方位权限验证',
                    '基础组件',
                    '支持 Mock 数据',
                    '团队代码规范',
                    '需保留作者版权信息'
                ]
            }]
        }
    },
    methods: {
        open(url) {
            window.open(url, 'top')
        },
        onIconClick(val) {
            this.$message({
                message: `你点击了：${val}`,
                type: 'info'
            })
        }
    }
}
</script>

<style lang="scss" scoped>
.fa-info {
    padding: 10px 0 0;
    text-align: center;
    h1 {
        margin: 10px auto 20px;
    }
}
.question {
    .answer {
        margin: 20px 0 0;
        padding-left: 20px;
        font-size: 14px;
        color: #aaa;
        li {
            margin-bottom: 10px;
            line-height: 1.5;
            &:last-child {
                margin-bottom: 0;
            }
        }
        span {
            color: #666;
            font-weight: bold;
        }
    }
}
.icon-box {
    padding: 20px;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
    transition: 0.2s;
    &:hover {
        color: #fff;
    }
    &-1 {
        color: #ffc069;
        &:hover {
            background-color: #ffc069;
        }
    }
    &-2 {
        color: #b37feb;
        &:hover {
            background-color: #b37feb;
        }
    }
    &-3 {
        color: #95de64;
        &:hover {
            background-color: #95de64;
        }
    }
    &-4 {
        color: #ff85c0;
        &:hover {
            background-color: #ff85c0;
        }
    }
    &-5 {
        color: #ff9c6e;
        &:hover {
            background-color: #ff9c6e;
        }
    }
    &-6 {
        color: #282c34;
        &:hover {
            background-color: #282c34;
        }
    }
    i {
        font-size: 24px;
    }
    .title {
        margin-top: 5px;
        font-size: 14px;
    }
}
</style>
